import {
  geListNav,
  getProductList
} from '../../api/home'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 轮播图
    swiper_bar: [
      "https://pic1.imgdb.cn/item/6471bfbaf024cca173074cc5.jpg",
      "https://pic1.imgdb.cn/item/6471bf98f024cca173072574.jpg",
      "https://pic1.imgdb.cn/item/6471b33df024cca173f68d33.jpg",
      "https://pic1.imgdb.cn/item/6471bfe3f024cca173078160.jpg",
      "https://pic1.imgdb.cn/item/6471bd4bf024cca1730498ad.jpg",
      "https://pic1.imgdb.cn/item/6471bf82f024cca173070352.jpg",
      "https://pic1.imgdb.cn/item/6471bd54f024cca17304a16b.jpg"
    ],
    // 哪一项tab栏高亮选中
    active: 0,
    // 产品导航
    navArr: [],
    // 产品列表
    productList: [],
    // 第一个导航栏id
    currentId: '',
    size: 0,
    // 总条数
    total: 0,
    // 数据状态
    loading: 0  // 0默认  1加载中  2没有更多了
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.showToast({
      title: '加载中...',
      icon: "loading",
      duration: 3000
    })

    console.log(options, "options")
    const activeIndex = parseInt(options.active)

    this.setData({
      active: activeIndex || 0
    })
    // 解决当前选中tab栏未出现问题
    this.selectComponent("#myTabs").resize()

    
    this.getNavData()
    geListNav().then(res => {
      this.getData(res.data[this.data.active]._id)
    })
  },

  // 获取导航tabbar列表
  getNavData() {
    geListNav().then(res => {
      this.setData({
        navArr: res.data,
        currentId: res.data[0]._id
      })
      // 解决当前选中tab栏未出现问题
      this.selectComponent("#myTabs").resize()
    })
  },

  loading() {
    // 数据获取完毕（后台暂无数据了）
    if (this.data.total == this.data.productList.length) {
      this.setData({
        loading: 2
      })
      return 2
    }
    this.setData({
      loading: 1
    })
    return 1
  },

  // 获取产品数据
  getData(navid, size = 0) {
    if (this.loading() == 2) {
      this.setData({
        loading: 2
      })
    } else {
      this.setData({
        loading: 1
      })
    }
    

    getProductList({
      navid,
      limit: 5,
      size
    }).then(res => {

      const oddList = this.data.productList
      const newList = res.data

      const result = [...oddList, ...newList]

      this.setData({
        productList: result,
        total: res.total
      })

      this.loading()
    })
  },

  // 点击tab栏
  handleClick(e) {
    console.log(e)
    const index = e.detail.index

    console.log(this.data.navArr[index], index)

    this.setData({
      productList: [],
      // currentId: this.data.productList[index]._id,
      currentId: this.data.navArr[index]._id,
      // size: 0
    })
    this.getData(this.data.currentId, this.data.productList.length)
    
  },

  handleProductDetail(e) {
    const {
      id
    } = e.currentTarget.dataset
    wx.navigateTo({
      url: `/pages/productDetail/productDetail?id=${id}`
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    if (this.loading() == 2) {
      this.setData({
        loading: 2
      })
      return;
    }

    console.log("张向阳")

    this.getData(this.data.currentId, this.data.productList.length)
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})